<template>
  <el-row :class="'self-info-box'">
    <div class="sub-module-title">个人资料</div>
    <el-row class="info-box" v-if="candidateInfo">
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 国籍 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.nationnality }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 籍贯 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.birthPlace }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 民族 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.nation }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 户口类别 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.nodeTypeLabel }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 户籍地址 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.homeAddress }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 证件类别 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.certificateTypeLabel }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 证件号码 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.certifiCateCode }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 证件到期日 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.certifiCateValidDate }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 出生日期 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.birthDate }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 年龄 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.age }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 移动电话 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.telePhone }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 个人邮箱 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.email }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 通讯地址 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.contactAddress }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 最高教育程度 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.highesteDucattionLevelLabel }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 毕业院校 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.graduateSchool }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 专业 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.professionNal }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 职业生涯开始日期 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.careerBeginDate }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 社会工龄(年) </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.workAges }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 司龄 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.companyAges }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 婚姻状况 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.marriageLabel }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 紧急联系人姓名 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.emergencyContactName }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 紧急联系人电话 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.emergencyContactCall }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 离职原因 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.separationReasonLabel }}
        </span>
      </el-col>
      <el-col :span="12" class="info-item">
        <span class="info-item-tip"> 离职类型 </span>
        ：
        <span class="info-item-txt">
          {{ candidateInfo.separationTypeLabel }}
        </span>
      </el-col>
    </el-row>
    <el-row>
      <el-table
        :data="candidateInfo.familyPeople"
        border
        style="width: 100%"
        :class="'table-box family-table'"
      >
        <el-table-column prop="surname" label="家庭成员姓名" width="180">
        </el-table-column>
        <el-table-column prop="relation" label="关系" width="180">
        </el-table-column>
        <el-table-column prop="workUnit" label="工作单位"> </el-table-column>
        <el-table-column prop="workTitle" label="职务"> </el-table-column>
      </el-table>
    </el-row>
  </el-row>
</template>
<script>
export default {
  props: {
    candidateInfo: {
      type: Object,
      default: {},
    },
    isShowCandidate: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
// @import "./../../assets/scss/mixins.scss";
// @include resTable;
.self-info-box {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff; // margin-top: 20px;
  height: auto;
  overflow: hidden;
  .info-box {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    .info-item {
      // width: 100%;
      display: inline-block;
      text-align: left;
      font-size: 14px;
      color: #636363;
    }
    .info-item-tip {
      display: inline-block;
      width: 120px;
      height: 40px;
      line-height: 40px;
      text-indent: 5px;
    }
  }
}

.family-table {
  margin-bottom: 20px;
}
</style>
